<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    template="layout/templateList.xhtml">

<ui:define name="body">
	
	<h2 class="title"><a href="#">Gerenciar Produtos</a></h2><br/>
	
            
	<h:form id="listProdutoForm">
        <rich:dataTable value="#{manterProdutoController.listaProdutos}" var="_prod"
        	rows="10"
        	id="tabelaProdutos">
        
        	<rich:column>
        		<f:facet name="header">
        			<h:selectBooleanCheckbox value="#{manterProdutoController.selecionadoTodos}">
        				<a:support event="onchange" action="#{manterProdutoController.selecionaTodos}"
        					reRender="tabelaProdutos"/>
        			</h:selectBooleanCheckbox>	
        		</f:facet>
        		<h:selectBooleanCheckbox value="#{_prod.selecionado}"/>
        	</rich:column>
        	
        	<rich:column filterBy="#{_prod.dscNome}" filterEvent="onkeyup">
        		<f:facet name="header">NOME</f:facet>
        		<h:outputText value="#{_prod.dscNome}"/>
        		<a:queue ignoreDupResponses="true"/>
        		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
					styleClass="tooltip" layout="block">
					<span style="white-space: nowrap">
						<table>
							<tr>
								<td>
									<strong>Código de barras:</strong><h:outputText value=" #{_prod.codBarras}" /><br/> 
									<strong>Dosagem:</strong><h:outputText value=" #{_prod.dosagem}" /><br/>
									<strong>Valor de custo:</strong><h:outputText value=" R$ " /><h:outputText value="#{_prod.vlrProdutoCusto}" converter="conversorMonetario" /><br/> 
									<strong>Valor de venda:</strong><h:outputText value=" R$ " /><h:outputText value="#{_prod.vlrProduto}" converter="conversorMonetario" />
								</td>
							</tr>
						</table> 
					</span>
				</rich:toolTip>
        	</rich:column>
        	
        	<rich:column filterBy="#{_prod.dscFabricante}" filterEvent="onkeyup">
        		<f:facet name="header">FABRICANTE</f:facet>
        		<h:outputText value="#{_prod.dscFabricante}"/>
        		<a:queue ignoreDupResponses="true"/>
        		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
					styleClass="tooltip" layout="block">
					<span style="white-space: nowrap">
						<table>
							<tr>
								<td>
									<strong>Código de barras:</strong><h:outputText value=" #{_prod.codBarras}" /><br/> 
									<strong>Dosagem:</strong><h:outputText value=" #{_prod.dosagem}" /><br/>
									<strong>Valor de custo:</strong><h:outputText value=" R$ " /><h:outputText value="#{_prod.vlrProdutoCusto}" converter="conversorMonetario" /><br/> 
									<strong>Valor de venda:</strong><h:outputText value=" R$ " /><h:outputText value="#{_prod.vlrProduto}" converter="conversorMonetario" />
								</td>
							</tr>
						</table> 
					</span>
				</rich:toolTip>
        	</rich:column>
        	
        	<rich:column filterBy="#{_prod.qtdEstoque}" filterEvent="onkeyup">
        		<f:facet name="header">QTDE ESTOQUE</f:facet>
        		<h:outputText value="#{_prod.qtdEstoque}"/>
        		<a:queue ignoreDupResponses="true"/>
        		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
					styleClass="tooltip">
					<span style="white-space: nowrap">
						<table>
							<tr>
								<td>
									<strong>Código de barras:</strong><h:outputText value=" #{_prod.codBarras}" /><br/> 
									<strong>Dosagem:</strong><h:outputText value=" #{_prod.dosagem}" /><br/>
									<strong>Valor de custo:</strong><h:outputText value=" R$ " /><h:outputText value="#{_prod.vlrProdutoCusto}" converter="conversorMonetario" /><br/> 
									<strong>Valor de venda:</strong><h:outputText value=" R$ " /><h:outputText value="#{_prod.vlrProduto}" converter="conversorMonetario" />
								</td>
							</tr>
						</table> 
					</span>
				</rich:toolTip>
        	</rich:column>
        	
        	<rich:column rendered="#{identity.hasRole('GERENCIAR_PRODUTOS_GRAVAR')}">
        		<f:facet name="header"></f:facet>
        		<h:commandLink value="EDITAR"
        			action="#{manterProdutoController.editar(_prod)}"/>
        	</rich:column>
        </rich:dataTable>
        <rich:datascroller for="tabelaProdutos"/>
        
        <br/>
           <div class="actionButtons">
        	<h:commandButton id="new" value="Novo" action="#{manterProdutoController.novoProduto}"
        		rendered="#{identity.hasRole('GERENCIAR_PRODUTOS_GRAVAR')}"/>
        	<h:commandButton id="remove" value="Excluir" action="#{manterProdutoController.excluir}"
        		rendered="#{identity.hasRole('GERENCIAR_PRODUTOS_EXCLUIR')}"
        		onclick="javascript:if(!confirm('Tem certeza que deseja excluir o(s) produto(s) selecionado(s)?'))return false;"/>
        </div>
       </h:form>

 </ui:define>
</ui:composition>
